<template>
  <div class="background-box">
    <img :src="this.$store.state.linkImg[my_bgindex].src" alt :style="{width: my_width+'px', height: my_height+'px'}">
  </div>
</template>

<script>
export default {
  computed: {
    my_width () {
      return this.$store.getters.bgImgSize[0];
    },
    my_height () {
      return this.$store.getters.bgImgSize[1];
    },
    my_bgindex () {
      return this.$store.state.backgroundImgIndex;
    }
  }
};
</script>

<style lang="scss" scoped>
.background-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  filter: blur(5px);
}
</style>
